<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="./style/product_detail.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
</head>
<body>
<div id="detail">
    <div id="detail-info">
        <!-- 轮播图区域（支持多图切换） -->
        <div id="slider">
            <div id="swiper">
                <!-- 轮播图片列表（根据实际图片数量添加） -->
                <img alt="商品图片1" src="imgs/img1.png" class="showing" />
                <img alt="商品图片2" src="imgs/img2.png" />
                <img alt="商品图片3" src="imgs/img3.png" />
            </div>
            <!-- 轮播指示器（显示当前页码） -->
            <div id="dot">1/3</div>
        </div>

        <!-- 商品信息区域 -->
        <div id="info">
            <div id="price">¥25</div>
            <div id="product-name">树莓巧克力布郎尼蛋糕🧁</div>
            <div id="guide">商品详情：</div>
            <div id="product-info">
                深棕蛋糕体裹着巧克力的暖，树莓的红是惊喜彩蛋。舌尖先触丝滑，再遇果香，是属于午后的甜蜜小确幸 <br/><br/>
                规格：120g/份<br/>
                保质期：48小时（冷藏保存）<br/>
                配料：小麦粉、巧克力、树莓、鸡蛋、淡奶油
            </div>
        </div>
    </div>

    <!-- 底部操作栏 -->
    <div id="menu">
        <div>
            <div class="btn" onclick="showService()">
                <img alt="客服" src="imgs/ic_service.svg">
                <text>客服</text>
            </div>
            <div class="btn" onclick="openCart()">
                <img alt="购物车" src="imgs/ic_shopping.svg">
                <text>购物车</text>
            </div>
        </div>
        <div>
            <button onclick="addToCart()">加入购物车</button>
            <button onclick="orderConfirm()">立即购买</button>
        </div>
    </div>
</div>
<script src="./js/product_detail.js"></script>
</body>
</html>